@charset "UTF-8";
.font_family {
  font-family: Helverica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体" ，STXihei， "华文细黑", Heiti, "黑体"; }

body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

ul, dl, ol {
  list-style: none; }

img, fieldset, input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a, button, input, img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

input, select, textarea {
  outline: none; }

a {
  text-decoration: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

html, body {
  /*禁止用户选择元素*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: transparent; }

html {
  height: 100%;
  width: 100%;
  font-family: 'Heiti SC', 'Microsoft YaHei';
  outline: 0;
  -webkit-text-size-adjust: none; }

body {
  height: 100%;
  margin: 0;
  position: relative; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.clear {
  clear: both; }

.img_overflow {
  overflow: hidden;
  position: relative; }

.img_overflow img {
  position: absolute;
  left: -999px;
  top: -999px;
  bottom: -999px;
  right: -999px;
  margin: auto; }

.duohangyichu {
  overflow: hidden;
  /*条件一,内容溢出隐藏*/
  text-overflow: ellipsis;
  /*条件二这只省略号出现*/
  display: -webkit-box;
  /*条件三,设置为弹性盒子*/
  -webkit-line-clamp: 7;
  /*条件四,设置要显示的行数*/
  -webkit-box-orient: vertical;
  /*条件五设置排版方向*/ }

.yichu {
  text-overflow: ellipsis;
  /*单行溢出省略号*/
  white-space: nowrap;
  /*禁止换行*/
  overflow: hidden; }

input {
  -webkit-appearance: none; }

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 16px !important; }

.wrap {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .wrap .wrap_bg {
    width: 100%;
    height: 100%; }
    .wrap .wrap_bg img {
      width: 100%;
      height: 100%; }
  .wrap .wrap_character {
    position: absolute;
    top: 13rem;
    right: 0rem;
    z-index: 1;
    -webkit-animation: what 1s linear;
    animation: what 1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }
    .wrap .wrap_character img {
      width: 100%; }
  .wrap .wrap_typeface {
    position: absolute;
    top: 5.5rem;
    left: 1rem;
    -webkit-animation: typeface 2s linear;
    animation: typeface 2s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }
    .wrap .wrap_typeface img {
      width: 100%; }
  .wrap .wrap_start {
    position: absolute;
    left: 8.8rem;
    bottom: 1.5rem;
    z-index: 1; }
    .wrap .wrap_start img {
      width: 70%; }

.rule {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .rule .rule_bg {
    width: 100%;
    height: 100%; }
    .rule .rule_bg img {
      width: 100%;
      height: 100%; }
  .rule .rule_rule {
    position: absolute;
    top: 5rem;
    left: 2rem; }
    .rule .rule_rule img {
      width: 90%; }
  .rule .rule_read {
    position: absolute;
    bottom: 1rem;
    left: 6.5rem; }
    .rule .rule_read img {
      width: 65%; }

.custons {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .custons .custons_bg {
    width: 100%;
    height: 100%; }
    .custons .custons_bg img {
      width: 100%;
      height: 100%; }
  .custons .custons_logo {
    position: absolute;
    top: 1rem;
    right: -4.5rem; }
    .custons .custons_logo img {
      width: 50%; }
  .custons .custons_one {
    position: absolute;
    top: 5.6rem;
    left: 1.5rem;
    -webkit-animation: one 1s linear;
    animation: one 1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }
    .custons .custons_one img {
      width: 50%; }
  .custons .custons_two {
    position: absolute;
    top: 9.5rem;
    left: 1.5rem;
    -webkit-animation: two 2s linear;
    animation: two 2s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }
    .custons .custons_two img {
      width: 50%; }
  .custons .custons_three {
    position: absolute;
    top: 13.5rem;
    left: 1.5rem;
    z-index: 1;
    -webkit-animation: three 2.5s linear;
    animation: three 2.5s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }
    .custons .custons_three img {
      width: 50%; }
  .custons .custons_figure {
    position: absolute;
    top: 7rem;
    left: -4rem;
    -webkit-animation: figure 1.5s linear;
    animation: figure 1.5s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }
    .custons .custons_figure img {
      width: 100%; }
  .custons .custons_pai {
    position: absolute;
    bottom: 7rem;
    right: -9rem;
    -webkit-animation: pai 1s linear;
    animation: pai 1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }
    .custons .custons_pai img {
      width: 50%; }
  .custons .custons_xuan {
    position: absolute;
    bottom: 3rem;
    right: -9rem;
    -webkit-animation: xuan 2s linear;
    animation: xuan 2s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }
    .custons .custons_xuan img {
      width: 50%; }

.shark {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .shark .shark_bg {
    width: 100%;
    height: 100%; }
    .shark .shark_bg img {
      width: 100%;
      height: 100%; }
  .shark .shark_top {
    position: absolute;
    top: 2rem;
    left: 5rem; }
    .shark .shark_top img {
      width: 75%; }
  .shark .shark_center {
    position: absolute;
    top: 3rem;
    left: 0rem; }
    .shark .shark_center img {
      width: 100%; }
  .shark .shark_bottom {
    position: absolute;
    bottom: 1rem;
    left: 6rem; }
    .shark .shark_bottom img {
      width: 65%; }

.game_one {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .game_one .game_onebg {
    width: 100%;
    height: 100%; }
    .game_one .game_onebg img {
      width: 100%;
      height: 100%; }
  .game_one .game_onetop {
    position: absolute;
    top: 3rem;
    left: 5rem; }
    .game_one .game_onetop img {
      width: 75%; }
  .game_one .game_onem {
    position: absolute;
    top: 3.5rem;
    right: 5.5rem; }
  .game_one .game_onelog {
    position: absolute;
    top: 10rem;
    left: 8rem;
    -webkit-animation: baffle 2s linear infinite;
    animation: baffle 2s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    .game_one .game_onelog img {
      width: 55%; }
  .game_one .game_onedi {
    position: absolute;
    bottom: 5rem;
    left: 3rem; }
    .game_one .game_onedi img {
      width: 85%; }
  .game_one .game_onebu {
    position: absolute;
    bottom: 2.5rem;
    left: 6rem; }
    .game_one .game_onebu img {
      width: 70%; }
  .game_one .game_one_bot {
    position: absolute;
    bottom: 5.3rem;
    left: 4rem;
    letter-spacing: 0.5rem; }
    .game_one .game_one_bot img {
      width: 4%; }

@-webkit-keyframes baffle {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  25% {
    -webkit-transform: rotateZ(5deg);
    transform: rotateZ(5deg); }
  50% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  75% {
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  100% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); } }

@keyframes baffle {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  25% {
    -webkit-transform: rotateZ(5deg);
    transform: rotateZ(5deg); }
  50% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  75% {
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  100% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); } }

.space {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .space .space_bg {
    width: 100%;
    height: 100%; }
    .space .space_bg img {
      width: 100%;
      height: 100%; }
  .space .space_center {
    position: absolute;
    top: 10rem;
    left: 0rem; }
    .space .space_center img {
      width: 100%; }
  .space .space_bottom {
    position: absolute;
    bottom: 1rem;
    left: 6rem; }
    .space .space_bottom img {
      width: 65%; }
  .space .space_fen {
    position: absolute;
    top: 3rem;
    left: 3rem; }
    .space .space_fen h2 {
      font-size: 2rem;
      color: white;
      font-weight: 500; }
    .space .space_fen p {
      color: white;
      font-size: 2rem; }
      .space .space_fen p b {
        font-size: 2rem;
        font-weight: 900;
        color: #fdf86f; }

.upgrade {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .upgrade .upgrade_bg {
    width: 100%;
    height: 100%; }
    .upgrade .upgrade_bg img {
      width: 100%;
      height: 100%; }
  .upgrade .upgrade_paper {
    position: absolute;
    top: 3rem;
    left: 5rem; }
    .upgrade .upgrade_paper img {
      width: 75%; }
  .upgrade .upgrade_dun {
    position: absolute;
    top: 7rem;
    left: 0rem; }
    .upgrade .upgrade_dun img {
      width: 100%; }
  .upgrade .upgrade_bottle {
    position: absolute;
    top: 8rem;
    left: 6rem; }
    .upgrade .upgrade_bottle img {
      width: 70%; }
  .upgrade .upgrade_lumin {
    position: absolute;
    top: 0.5rem;
    left: 3rem; }
    .upgrade .upgrade_lumin img {
      width: 70%; }
  .upgrade .upgrade_virus {
    position: absolute;
    top: 0.5rem;
    left: 10rem; }
    .upgrade .upgrade_virus img {
      width: 40%; }
  .upgrade .upgrade_virust {
    position: absolute;
    top: 6rem;
    right: -3rem; }
    .upgrade .upgrade_virust img {
      width: 65%; }
  .upgrade .upgrade_virusi {
    position: absolute;
    bottom: 8rem;
    right: -2rem; }
    .upgrade .upgrade_virusi img {
      width: 50%; }
  .upgrade .upgrade_viruss {
    position: absolute;
    top: 0rem;
    left: 9rem; }
    .upgrade .upgrade_viruss img {
      width: 100%; }
  .upgrade .upgrade_viruse {
    position: absolute;
    bottom: -1rem;
    left: 0rem; }
    .upgrade .upgrade_viruse img {
      width: 70%; }
  .upgrade .upgrade_virusn {
    position: absolute;
    bottom: 11rem;
    left: 0rem; }
    .upgrade .upgrade_virusn img {
      width: 40%; }
  .upgrade .upgrade_bottom {
    position: absolute;
    bottom: 2rem;
    left: 7rem;
    z-index: 1; }
    .upgrade .upgrade_bottom img {
      width: 60%; }

.spacetwo {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .spacetwo .spacetwo_bg {
    width: 100%;
    height: 100%; }
    .spacetwo .spacetwo_bg img {
      width: 100%;
      height: 100%; }
  .spacetwo .spacetwo_center {
    position: absolute;
    top: 1rem;
    left: 0rem; }
    .spacetwo .spacetwo_center img {
      width: 100%; }
  .spacetwo .spacetwo_bottom {
    position: absolute;
    bottom: 2rem;
    left: 6.5rem; }
    .spacetwo .spacetwo_bottom img {
      width: 60%; }
  .spacetwo .spacetwo_fen {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem; }
    .spacetwo .spacetwo_fen h2 {
      font-size: 2rem;
      color: #ffa748;
      font-weight: 500; }
    .spacetwo .spacetwo_fen p {
      color: #ffa748;
      font-size: 2rem; }
      .spacetwo .spacetwo_fen p b {
        font-size: 2rem;
        font-weight: 900;
        color: #e60416; }

.game_three {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .game_three .game_threebg {
    width: 100%;
    height: 100%; }
    .game_three .game_threebg img {
      width: 100%;
      height: 100%; }
  .game_three .game_threexing {
    position: absolute;
    top: 2rem;
    left: 2rem; }
    .game_three .game_threexing img {
      width: 88%; }
  .game_three .game_threeku {
    position: absolute;
    top: 7rem;
    left: 2.9rem; }
    .game_three .game_threeku img {
      width: 90%; }
  .game_three .game_threeshou {
    position: absolute;
    top: 14rem;
    left: 5rem;
    z-index: 2; }
    .game_three .game_threeshou img {
      width: 55%; }
  .game_three .game_threeca {
    position: absolute;
    top: 16rem;
    left: 12rem;
    z-index: 2; }
    .game_three .game_threeca img {
      width: 75%; }
  .game_three .game_threebo {
    position: absolute;
    bottom: 1.5rem;
    left: 5.5rem; }
    .game_three .game_threebo img {
      width: 70%; }
  .game_three .view {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 7.6rem;
    left: 1rem;
    overflow: hidden;
    z-index: 1; }
    .game_three .view .box {
      position: absolute;
      left: 0;
      top: 0;
      width: 22.2rem;
      height: 20.5rem;
      background: url("../img/game/C_final.png") no-repeat center center;
      background-size: auto 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
      z-index: 1;
      /*opacity: 0.1;*/ }
      .game_three .view .box #cas {
        opacity: 1;
        -webkit-transition: opacity .5s;
        -ms-transition: opacity .5s;
        -moz-transition: opacity .5s; }
      .game_three .view .box .noOp {
        z-index: 1;
        opacity: 0 !important; }

.publish {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .publish .publish_bg {
    width: 100%;
    height: 100%; }
    .publish .publish_bg img {
      width: 100%;
      height: 100%; }
  .publish .publish_chong {
    position: absolute;
    top: 4rem;
    left: 4rem; }
    .publish .publish_chong img {
      width: 80%; }
  .publish .publish_center {
    position: absolute;
    top: 7.5rem;
    left: 0rem; }
    .publish .publish_center img {
      width: 100%; }
  .publish .publish_bottom {
    position: absolute;
    bottom: 2rem;
    left: 6rem; }
    .publish .publish_bottom img {
      width: 65%; }

.leave {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .leave .leave_bg {
    width: 100%;
    height: 100%; }
    .leave .leave_bg img {
      width: 100%;
      height: 100%; }
  .leave .leave_zi {
    position: absolute;
    left: 6rem;
    top: 4.5rem; }
    .leave .leave_zi h2 {
      font-size: 2rem;
      text-align: center;
      color: #bba646;
      font-family: "微软雅黑"; }
    .leave .leave_zi p {
      font-size: 2rem;
      color: #bba646;
      font-weight: 900; }
      .leave .leave_zi p b {
        color: #e91c2c; }
  .leave .leave_bu {
    position: absolute;
    top: 4rem;
    left: 2rem; }
    .leave .leave_bu img {
      width: 90%; }
  .leave .leave_tu {
    position: absolute;
    top: 10rem;
    left: 3.8rem; }
    .leave .leave_tu img {
      width: 80%; }
  .leave .leave_bottom {
    position: absolute;
    bottom: 1rem;
    left: 7rem; }
    .leave .leave_bottom img {
      width: 60%; }
  .leave .leave_input {
    position: absolute;
    bottom: 10.3rem;
    left: 3.8rem; }
    .leave .leave_input textarea {
      width: 15.7rem;
      height: 4.5rem;
      font-size: 1rem;
      font-weight: 500;
      border: none;
      letter-spacing: 0.2rem;
      font-family: "微软雅黑";
      resize: none; }

.share_warp {
  display: none; }
  .share_warp .share {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .share_warp .share ul {
      width: 100%;
      display: inline-block;
      font-size: 0;
      -webkit-text-size-adjust: none; }
      .share_warp .share ul li {
        display: inline-block;
        width: 5.86rem;
        height: 5.41rem; }
        .share_warp .share ul li img {
          width: 100%;
          height: 100%; }
  .share_warp .share_ceng {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000000;
    opacity: .75; }
  .share_warp .share_zi {
    position: absolute;
    top: 3rem;
    left: 2rem; }
    .share_warp .share_zi h2 {
      font-size: 3rem;
      color: white;
      font-weight: 500; }
    .share_warp .share_zi p {
      color: white;
      font-size: 3rem;
      letter-spacing: 0.5rem; }
      .share_warp .share_zi p b {
        font-size: 3rem;
        font-weight: 900;
        color: #ffad4c;
        letter-spacing: none; }
  .share_warp .share_bao {
    position: absolute;
    top: 12rem;
    left: 8rem;
    z-index: 1; }
    .share_warp .share_bao img {
      width: 65%; }
  .share_warp .share_left {
    position: absolute;
    top: 13rem;
    left: 0; }
    .share_warp .share_left img {
      width: 100%; }
  .share_warp .share_right {
    position: absolute;
    top: 23rem;
    right: 0;
    z-index: 2; }
    .share_warp .share_right img {
      width: 100%; }
  .share_warp .share_s {
    position: absolute;
    bottom: 3rem;
    left: 9rem; }
    .share_warp .share_s img {
      width: 65%; }

.friend_wrap {
  display: none; }
  .friend_wrap .friend {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .friend_wrap .friend ul {
      width: 100%;
      display: inline-block;
      font-size: 0;
      -webkit-text-size-adjust: none; }
      .friend_wrap .friend ul li {
        display: inline-block;
        width: 5.86rem;
        height: 5.41rem; }
        .friend_wrap .friend ul li img {
          width: 100%;
          height: 100%; }
  .friend_wrap .friend_ceng {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000000;
    opacity: .75; }
  .friend_wrap .friend_right {
    position: absolute;
    top: 5rem;
    right: 3rem; }
    .friend_wrap .friend_right img {
      width: 70%; }
  .friend_wrap .friend_zi {
    position: absolute;
    top: 9rem;
    right: 5rem;
    font-size: 1.5rem;
    color: white;
    font-weight: 600; }

.ranking_wrap {
  display: none; }
  .ranking_wrap .ranking {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .ranking_wrap .ranking_bg {
    width: 100%;
    height: 100%; }
    .ranking_wrap .ranking_bg img {
      width: 100%;
      height: 100%; }
  .ranking_wrap .ranking_bei {
    position: absolute;
    top: 5rem;
    left: 2rem; }
    .ranking_wrap .ranking_bei img {
      width: 90%; }
  .ranking_wrap .ranking_ceng {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000000;
    opacity: .75; }
  .ranking_wrap .ranking_pai {
    position: absolute;
    top: 8rem;
    left: 1rem;
    width: 80%;
    height: 100%;
    overflow: hidden; }
    .ranking_wrap .ranking_pai ul {
      padding-top: 0.4rem; }
      .ranking_wrap .ranking_pai ul li {
        height: 3.5rem;
        line-height: 4rem;
        margin-bottom: 0.5rem; }
        .ranking_wrap .ranking_pai ul li::after {
          content: "";
          display: block;
          clear: both; }
        .ranking_wrap .ranking_pai ul li .xian {
          position: absolute;
          top: 4.3rem;
          left: 3rem;
          width: 95%;
          border-bottom: 0.2rem solid #efefef; }
        .ranking_wrap .ranking_pai ul li .xian_one {
          position: absolute;
          top: 8.3rem;
          left: 3rem;
          width: 95%;
          border-bottom: 0.2rem solid #efefef; }
        .ranking_wrap .ranking_pai ul li .xian_two {
          position: absolute;
          top: 12.4rem;
          left: 3rem;
          width: 95%;
          border-bottom: 0.2rem solid #efefef; }
        .ranking_wrap .ranking_pai ul li .xian_thr {
          position: absolute;
          top: 16.5rem;
          left: 3rem;
          width: 95%;
          border-bottom: 0.2rem solid #efefef; }
        .ranking_wrap .ranking_pai ul li .xian_fo {
          position: absolute;
          bottom: 17rem;
          left: 3rem;
          width: 95%;
          border-bottom: 0.2rem solid #efefef; }
        .ranking_wrap .ranking_pai ul li div {
          font-size: 1rem;
          float: left; }
        .ranking_wrap .ranking_pai ul li .index {
          width: 2.5rem;
          text-align: center;
          line-height: 4rem;
          margin-left: 2rem; }
        .ranking_wrap .ranking_pai ul li .name {
          line-height: 4rem; }
          .ranking_wrap .ranking_pai ul li .name .user-icon {
            width: 2.5rem;
            height: 2.5rem;
            overflow: hidden;
            display: inline-block;
            vertical-align: middle;
            line-height: 4rem;
            margin-right: 0.7rem; }
            .ranking_wrap .ranking_pai ul li .name .user-icon img {
              height: 100%; }
        .ranking_wrap .ranking_pai ul li .pingfen {
          float: right;
          height: 0.7rem;
          line-height: 4rem; }
          .ranking_wrap .ranking_pai ul li .pingfen .duanwei-icon {
            display: inline-block;
            width: 2rem;
            height: 3rem;
            overflow: hidden;
            vertical-align: middle;
            margin: 0 0.5rem 0 0.5rem; }
            .ranking_wrap .ranking_pai ul li .pingfen .duanwei-icon img {
              width: 100%; }
